<div>What value of button will allow you to pass the name of the person to be hugged?</div> <div> <pre class=language-javascript><code>class Huggable extends React.Component{ hug(id){ console.log(hugging + id); } render() { let name = kitteh; let button = // Missing Code return button; } }</code></pre> </div>

ReactJS - Quiz(MCQ)

What value of button will allow you to pass the name of the person to be hugged?

class Huggable extends React.Component{
	hug(id){
		console.log("hugging " + id);
	}

	render() {
		let name = "kitteh";
		let button = // Missing Code
		return button;
	}
}

<button onClick={(name) => this.hug(name)>Hug Button</button>

<button onClick={this.hug(e, name)}>Hug Button</button>

<button onClick={(e) => hug(e,name)}>Hug Button</button>

<button onClick={(e) => this.hug(name, e)}>Hug Button</button>

Correct Answer :

<button onClick={(name) => this.hug(name)>Hug Button</button>

Recent Updates in React.JS

Q .

What do you need to change about this code to get it to run?

class clock extends React.Component {
  render() {
    return <h1>Look at the time: {this.props.time}</h1>;
  }
}

Remove this

Capitalize clock

Remove the render method

Add quotes around the return value

Correct Answer : Capitalize clock

Q .

Which Hook could be used to update the document's title?

useEffect(function updateTitle() { document.title = name + ' ' + lastname; });

useEffect(() => { title = name + ' ' + lastname; });

useEffect(function updateTitle() { name + ' ' + lastname; });

useEffect(function updateTitle() { title = name + ' ' + lastname; });

Correct Answer :

useEffect(function updateTitle() { document.title = name + ' ' + lastname; });